<template>
	<div>
		<div class="wrap-explain">
			<view class="title fb-28"> {{ title }} </view>

			<view class="content f-28">
				<parse :content="content" />
			</view>
		</div>
	</div>
</template>

<script>
	import parse from "@/plugins/uParse/src/wxParse.vue";
	export default {
		components: {
			parse,
		},
		data() {
			return {
				title: "充值说明",
				content:
					"<text style='line-heigth: 54rpx; !important'>1.充值的本金和赠送金额均不可提现、转移、转赠 2.使用范围:本平台所有项目皆可购买，以及交通费 支付</text>",
			};
		},
	};
</script>

<style lang="scss" scoped>
	.wrap-explain {
		width: 100%;
		overflow: hidden;
		background-color: white;
		border-radius: 20rpx;
		box-sizing: border-box;
		padding: 30rpx;

		.title {
			color: $title-color;
		}
		.content {
			margin-top: 32rpx;
			width: 100%;
			overflow: hidden;
			color: #999999;
		}
	}
</style>
